.bom-material-form {
  padding: 0 20px 5px;
  height: calc(100% - 5px);
}

.bom-material-form .bom-material-btns .el-button+.el-button{
  margin-left: 0;
}

.bom-material-form .el-form-item {
  margin-bottom: 10px;
}

.bom-material-form .form-input {
  width: 180px;
}

.bom-material-form .table-input {
  width: 100%;
}

.bom-material-form .bom-material-div {
  height: calc(100% - 36px);
  overflow: auto;
}

.bom-material-form .material-form-content {
  margin-bottom: 15px;
}

.bom-material-form .material-form-content .material-form-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 5px;
}

.bom-material-form .material-form-content .material-form-table {
  overflow: auto;
}

.bom-material-form .material-form-content .el-table__append-wrapper{
  overflow: visible;
}

.bom-material-form .material-form-content .add-row {
  color: #409EFF;
  cursor: pointer;
}

.bom-material-form .material-form-content .material-form-table table {
  border-collapse: collapse;
  width: 100%;
}

.bom-material-form .material-form-content .material-form-table table .is-center {
  text-align: center;
}

.bom-material-form .material-form-content .material-form-table table .is-button {
  cursor: pointer;
}

.bom-material-form .material-form-content .material-form-table table tr th {
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  padding: 0 3px;
  height: 30px;
  border: 1px solid #333;
}

.bom-material-form .material-form-content .material-form-table table tr td {
  padding: 0 3px;
  height: 30px;
  border: 1px solid #333;
}

.bom-material-form .has-update {
  color: #f99a9a;
}

.bom-material-form .has-table-update {
  background-color: #f99a9a;
}

.enclosure-popper{
  max-width: 50%;
  max-height: 330px;
  overflow: auto;
}

.material-form{
  padding: 0 20px 5px;
}
